<template>
    <div class="bg">
        <span class="myLoginTitle">login</span>
        <div class="yy"> <el-input v-model="myuser" placeholder="请输入账号"></el-input></div>

        <div class="yy"><el-input placeholder="请输入密码" v-model="mypassword" show-password></el-input>
        </div>
        <el-row>
            <el-button type="primary" @click="logins(myuser,mypassword)" round>登 录</el-button>
        </el-row>
    </div>
</template>



<script>

export default {
    name: "login",

    data() {
        return {
            myuser: '',
            mypassword: '',
        }
    },
    methods:{
        logins:(myuser,mypassword)=>{

        }
    }
}
</script>


<style scoped>
body {
    background-image: url("../assets/img/洛圣都好市民回来了.png");
}

.bg {
    background-image: url("../assets/img/洛圣都好市民回来了.png");
    width: 100%;
    height: 100%;
    position: fixed;
    background-size: 100% 100%;
    margin: 0 auto;
    padding-top: 5rem;


}

.myLoginTitle {
    align-items: center;
    margin: 0 auto;
    font-size: 5rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    align-items: center;
    /* float: left; */
    left: 20rem;
}

.yy {
    width: 30rem;
    margin: 3rem auto;
}
</style>